/* CSS para Uma marcacao - Varios templates */
/* Estilos geral */

body {
    margin:0;
    padding:0;
    border:none;
    font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
    background:#d3d7cf;
    color:#333;
    text-align:center;

}
#tudo {
    width:85%;
    margin:0 auto;
    text-align:left;
    background:white;;
}

.box { 
    background: #FFFFFF;
}
.boxtop { 
    background: url("../images/ne.gif") no-repeat top right;
}
.boxtop div { 
    font-size: 0;
    height: 30px;
    background: url("../images/nw.gif") no-repeat top left;
}
.boxbottom { 
    background: url("../images/se.gif") no-repeat bottom right;
}
.boxbottom div { 
    font-size: 0;
    height: 30px;
    background: url("../images/sw.gif") no-repeat bottom left;
}
.boxcontent {
    padding: 0px 30px 0px 30px;
}

.errorClass {
    font-family:Tahoma, MS Trebuchet, Arial, Verdana;
    font-size:11px;
    color:darkred;
    font-weight:bold;
    text-decoration:none;
}

.infoClass {
    font-family:Tahoma, MS Trebuchet, Arial, Verdana;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}

.warnClass {
    font-family:Tahoma, MS Trebuchet, Arial, Verdana;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}

.painelMensagem {
    text-align:center;
    margin-bottom:10px;
    padding:10px;
    background-color:#fae6b0;
    width:40%;
    border:thin solid #ffcc00;
    font-weight:bold;
}

#topo {
    height:35px;
    border-bottom:1px solid #034895;

}
#rodape {
    clear:both;
    text-align:center;
    border-top:1px solid #c30;
}
ul, ol {
    margin:0;
    padding:0;
    list-style:none;
}
h1, h2, h3 {
    margin: 0.8em 0;
    color:#c30;
    font-size:1.4em;
}
h2 {
    font-size:1.2em;
}
h3 {
    font-size:1.0em;
}

.dest {
    color:#039;
}
/* Estilos para template de 3 colunas */
#principal {
    float:left;
    width:75%;
    margin-left:1px;
    text-align:justify;
    border:dotted #c30;
    border-width: 0 1px;
    padding: 0 10px;
}
#colunaEsquerda {
    width:10%;
    float:left;
}
#colunaDireita {
    width:10%;
    float:left;
    padding-left:8px;
}
/* Estilos para template duas colunas - navegacao esquerda */
body#duascolunas #apoio {
    display:none;
}
body#duascolunas #principal {
    width:600px;
    border-right-width:0;
    padding-right:0;
}
/* Estilos para template duas colunas - navegacao esquerda opcao de fonte e fundo */
body.duascolunas-a #topo, body.duascolunas-a #rodape{
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    background:#cff;
    padding-bottom:1px;
}
body.duascolunas-a	{
    background:#fff;
    font: 14px Georgia, "Times New Roman", Times, serif;
}
body.duascolunas-a #principal  {
    color:#c30;
}
/* Estilos para template duas colunas -  navegacao direita */
body#duascolunas-dir #nav, body#duascolunas-dir #apoio  {
    width:130px;
    float:right;
    padding:0 0 10px 10px;
    border-left: 1px dotted #c30;
}
body#duascolunas-dir #principal {
    width:580px;
    border:none; padding:0;
    margin:0;
}
/* Estilos para template de uma coluna com navegacao horizontal */ 
body.umacoluna #tudo  {width:98%;}
body.umacoluna #nav	{
    float:none;
}
body.umacoluna  #topo, body.umacoluna #tudo #principal, body.umacoluna  #rodape { 
    margin:0;
    width:100%;
    border-left:none; padding:0;
}
body.umacoluna #nav {
    width: 100%;
    font: 11px Geneva, Arial, Helvetica, sans-serif;
    list-style-type: none;
}
body.umacoluna #nav h3 { display:none;}
body.umacoluna #nav li {
    float: left;
    text-align:center;
}
body.umacoluna #nav li a, body.umacoluna #nav li a:link {
    background: #fff;
    border-width: 1px;
    border-color: #fff #eee #eee #fff;
    border-style: solid;
    text-decoration: none;
    padding: 3px;
    display: block;
}
body.umacoluna #nav li a:hover {
    color: #c30;
    border-color: #aaab9c #fff #fff #ccc;
    background: #fafafa;
}
/* Fim das regras CSS para templates */

/* Estilização do link - Proximo template */
#principal p.linque {
    font-size:0.8em;
    margin-bottom:15px;
    width:35em;
    background-color:#669;
    padding:2px 6px;
}
#principal p.linque a, #principal p.linque a:link, 
#principal p.linque a:visited {
    text-decoration:none;
    color:#ff0;
}
#principal p.linque  a:hover {
    color:#000;
    background-color:#ff0;
}

.link {
    font-family:'Tahoma', 'MS Trebuchet', 'Arial', 'Verdana';
    font-size:11px;
    font-weight:bold;
    height:30px;
    vertical-align:middle;
    padding-right:3px;
    padding-left:3px;
    padding-top:3px;
    padding-bottom:4px;
    margin-right:3px;
    color:#000;
}

.link:hover {
    color:#045c97;
}

.link img {
    margin:0px;
    border:0px;
    padding-right:2px;
    text-decoration:none;
    vertical-align:middle;
}
.styleone{

    position:relative;
    display:block;
    height:21px;
    font-size:11px;
    font-weight:bold;
    background:transparent url("../images/bgOFF.gif") repeat-x top left;
    font-family:Arial,Verdana,Helvetica,sans-serif;
    border-bottom:1px solid #d9d9d9;
    padding-left:9%;
}
.styleone ul{

    margin:0;
    padding:0;
    list-style-type:none;
    width:auto;
}
.styleone ul li{
    display:block;
    float:left;
    margin:0 1px 0 0;
}
.styleone ul li a{
    display:block;
    float:left;
    color:#034895;
    text-decoration:none;
    padding:3px 20px 0 20px;
    height:18px;
}
.styleone ul li a:hover,
.styleone ul li a.current{
    color:#034895;
    background:transparent url("../images/bgON.gif") repeat-x top left;}

.acaoNegativa {
    color:red;
}
.acaoPositiva {
    color:green;
}

.colunaCentralizada {
    text-align: center;
}

.field-info {
    color:#888a85;
    font-size:xx-small;
}

.field-names {
    font-family:arial;
    font-size:8pt;
    text-align:right;
}

.field-names-bold {
    font-family:Arial;
    font-size:8pt;
    text-align:right;
    font-weight:bold;
}

.field-names-bold-underline {
    font-family:Arial;
    font-size:8pt;
    text-align:right;
    font-weight:bold;
    text-decoration:underline;
}

.fields {
    text-align:left;
    font-size:11px;
}

.field-names-bold-underline-hidden {
    text-align:left;
    font-size:11px;
    font-weight:bold;
    color:white;
}

.field-names-bold-hidden {
    text-align:left;
    font-size:11px;
    font-weight:bold;
    color:white;
}

.field-names-hidden {
    text-align:left;
    font-size:11px;
    color:white;
}

.colunaDireita {
    text-align: right;
}

.colunaEsquerda {
    text-align: left;
}

.errorClass {
    font-family:'Tahoma', 'MS Trebuchet', 'Arial', 'Verdana';
    font-size:11px;
    color:red;
    font-weight:bold ;
    text-decoration:none;
}

.infoClass {
    font-family:'Tahoma', 'MS Trebuchet', 'Arial', 'Verdana';
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}

.warnClass {
    font-family:'Tahoma', 'MS Trebuchet', 'Arial', 'Verdana';
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}

.status {
    color:#ffff00;
    font-family:'Tahoma', 'MS Trebuchet', 'Arial', 'Verdana';
    font-size:11pt;
    font-weight:bold;
    letter-spacing:normal;
    padding-right:5px;
    cursor: wait
}
.painelMensagem {
    font-family:'Tahoma', 'MS Trebuchet', 'Arial', 'Verdana';
    text-align:center;
    text-indent:1%;
    margin-bottom:10px;
    padding:10px;
    width:50%;
    border: thin solid #000000;
    font-weight:bold;
    background:#C9D7E3;
    background-position: 8%;
}

.painelMensagemOK {
    font-family:'Tahoma', 'MS Trebuchet', 'Arial', 'Verdana';
    text-align:center;
    text-indent:1%;
    margin-bottom:10px;
    padding:10px;
    width:50%;
    border: thin solid #349534;
    font-weight:bold;
    background:#CEE6C3;
    background-position: 8%;
}

.painelMensagemER {
    font-family:'Tahoma', 'MS Trebuchet', 'Arial', 'Verdana';
    text-align:center;
    text-indent:1%;
    margin-bottom:10px;
    padding:10px;
    width:50%;
    border: thin solid #CC0000;
    font-weight:bold;
    background:#F7CBCA;
    background-position: 8%;
}
.reservaOK{
    color:blue;
}
.reserva{
    color:red;
}
.reservaHospedado{
    color:green;
}
